{extend	name="homepage"	/}
{block name="title"}<title>用户注册</title>{/block}
{block name="right"}
<body>
<div class="container">
	<header data-am-widget="header" class="am-header am-header-default my-header">
      <div class="am-header-left am-header-nav">
        <a href="#left-link" class="">
          <i class="am-header-icon am-icon-chevron-left"></i>
        </a>
      </div>
      <h1 class="am-header-title">
        <a href="#title-link" class="">用户注册</a>
      </h1>
      <div class="am-header-right am-header-nav">
        <a href="#right-link" class="">
          <i class="am-header-icon  am-icon-home"></i>
        </a>
      </div>
    </header>
    <div class="cart-panel">
		<form class="am-form" method="post">
            <div class="am-form-group am-form-icon">
                <i class="am-icon-user" style="color:#329cd9"></i>
                <input type="text" class="am-form-field  my-radius" placeholder="请输入您的用户名" name="username">
            </div>
            <div class="am-form-group am-form-icon">
              <i class="am-icon-phone" style="color:#f09513"></i>
              <input type="text" class="am-form-field  my-radius" placeholder="请输入手机号码" name="tell" id="tell">
            </div>
            <div class="am-form-group am-form-icon"  style="width:600px;">
              <i class="am-icon-user" style="color:#329cd9;margin:-10px 0px 0px 0px;"></i>
              <input type="text" class="am-form-field  my-radius" placeholder="请输入短信验证码" style="width:300px;" name="tellCode">
              <input type="button" value="获取短信验证码" class="getcode"  style="width:150px;float:left;margin:-30px 0px 0px 400px;" >
            </div>
           

            <div class="am-form-group am-form-icon">
              <i class="am-icon-lock" style="color:#329cd9"></i>
              <input type="password" class="am-form-field  my-radius" placeholder="请输入您的密码" name="pwd">
            </div>
            <div class="am-form-group am-form-icon">
                <i class="am-icon-lock" style="color:#e9c740"></i>
                <input type="password" class="am-form-field  my-radius" placeholder="请重复输入一次密码" name="pwd2">
            </div>
            <div class="am-form-group am-form-icon">
                <i class="am-icon-envelope" style="color:#78c3ca"></i>
                <input type="text" class="am-form-field  my-radius" placeholder="请输入邮箱号码" name="email">
            </div>
            
            <div class="am-checkbox">
              <label>
                <input type="checkbox"> 我已阅读并同意<a href="#">《协议》</a>
              </label>
            </div>
            <p class="am-text-center"><button type="submit" class="am-btn am-btn-danger am-radius am-btn-block" name="up">立即注册</button></p>
        </form>
    </div>
    
    <footer data-am-widget="footer" class="am-footer am-footer-default" data-am-footer="{  }">
        <hr data-am-widget="divider" style="" class="am-divider am-divider-default"/>
      <div class="am-footer-miscs ">
        <p>CopyRight©2014 AllMobilize Inc.</p>
        <p>京ICP备13033158</p>
      </div>
    </footer>
    
    <!--底部-->
   
      <script>
        var times=null;
        var time=1000;
        var num=60;
        function timeGo(){
            times=setInterval(function(){
                num=num-1
                $('.getcode').val('重新发送'+num+'S')
                $('.getcode').attr('disabled','disabled')
                if(num<=0){
                    $('.getcode').val('获取验证码')
                    $('.getcode').removeAttr('disabled')
                }
            },time)
        }
        // timeGo()
        $('.getcode').on('click',function(){
            $.ajax({
                url:"{:Url('home/reg/sms')}",
                data:{tell:$('#tell').val()},
                dataType:'html',
                type:'get',
                success:function(data){
                    timeGo()
                }
            })
        })
      
      </script>
    </div>
</div>
</body>
</html>
{/block}
